import vueIcon from '../assets/images/vue.png'
import vuex from '../assets/images/vuex.png'
import vuepress from '../assets/images/vuepress.png'
import vuetify from '../assets/images/vuetify.png'
import element from '../assets/images/element.png'
import antdv from '../assets/images/antdv.png'
import iview from '../assets/images/iview.png'
import mpvue from '../assets/images/mpvue.png'
import mpx from '../assets/images/mpx.png'
import wepy from '../assets/images/wepy.png'
import omi from '../assets/images/omi.png'
import chameleon from '../assets/images/chameleon.png'
import kbone from '../assets/images/kbone.png'
import megalo from '../assets/images/megalo.png'
import muse from '../assets/images/muse.png'
import hey from '../assets/images/hey.png'
import reactIcon from '../assets/images/react.png'
import reactnative from '../assets/images/reactnative.png'
import reactRouter from '../assets/images/react-Router.png'
import preact from '../assets/images/preact.png'
import jsx from '../assets/images/jsx.png'
import antd from '../assets/images/antd.png'
import antdMobile from '../assets/images/antd-mobile.png'
import taro from '../assets/images/taro.png'
import rax from '../assets/images/rax.png'
import dva from '../assets/images/dva.png'
import remax from '../assets/images/remax.png'
import nanachi from '../assets/images/nanachi.png'
import vant from '../assets/images/vant.png'
import umi from '../assets/images/umi.png'
import nerv from '../assets/images/nerv.png'
import miniapp from '../assets/images/miniapp.png'
import minigame from '../assets/images/minigame.png'
import gzh from '../assets/images/gzh.png'
import aicommu from '../assets/images/aicommu.png'
import openhub from '../assets/images/openhub.png'
import wx from '../assets/images/wx.png'
import wxpay from '../assets/images/wxpay.png'
import wxa from '../assets/images/wxa.png'
import electron from '../assets/images/electron.png'
import uniapp from '../assets/images/uniapp.png'
import weex from '../assets/images/weex.png'
import quickapp from '../assets/images/quickapp.png'
import flutter from '../assets/images/flutter.png'
import webpack from '../assets/images/webpack.png'
import rollup from '../assets/images/rollup.png'
import gulp from '../assets/images/gulp.png'
import parcel from '../assets/images/parcel.png'
import babel from '../assets/images/babel.png'
import typescript from '../assets/images/typescript.png'
import grunt from '../assets/images/grunt.png'

export const vue = [
    {
        title: 'vue',
        desc: 'Vue 是用于构建用户界面的渐进式的框架',
        link: 'https://cn.vuejs.org/v2/guide/',
        img: vueIcon,
    },
    {
        title: 'vue Router',
        desc: 'Vue Router 是 Vue.js 官方的路由管理器。',
        link: 'https://router.vuejs.org/zh/',
        img: vueIcon,
    },
    {
        title: 'vue cli',
        desc: 'Vue CLI 是一个进行快速开发的完整系统。',
        link: 'https://cli.vuejs.org/zh/',
        img: vueIcon,
    },
    {
        title: 'Vue SSR',
        desc: 'Vue.js 服务器端渲染指南',
        link: 'https://ssr.vuejs.org/zh/',
        img: vueIcon,
    },
    {
        title: 'Vue Loader',
        desc: 'Vue Loader 是一个 webpack 的 loader。',
        link: 'https://vue-loader.vuejs.org/zh/',
        img: vueIcon,
    },
    {
        title: 'Vue rx',
        desc: '帮助用户在 Vue 应用程序中实现简单的 RxJS 绑定',
        link: 'https://github.com/vuejs/vue-rx/blob/master/README-CN.md',
        img: vueIcon,
    },
    {
        title: 'Nuxt',
        desc: 'Nuxt.js 是一个基于 Vue.js 的通用应用框架。',
        link: 'https://zh.nuxtjs.org/guide',
        img: vueIcon,
    },
    {
        title: 'composition-api',
        desc: 'vue3.0 新特性',
        link: 'https://vue-composition-api-rfc.netlify.app/zh/api.html',
        img: vueIcon,
    },
    {
        title: 'Vue UI Framework',
        desc: 'Vue 官方 UI 组件',
        link: 'https://vuejs.github.io/ui/#/',
        img: vueIcon,
    },
    {
        title: 'vuex',
        desc: 'Vuex 是一个状态管理模式',
        link: 'https://vuex.vuejs.org/zh/',
        img: vuex,
    },
    {
        title: 'Vue press',
        desc: 'Vue 驱动的静态网站生成器',
        link: 'https://vuepress.vuejs.org/zh/',
        img: vuepress,
    },
    {
        title: 'Vuetify',
        desc: 'Vuetify 是一个 Vue UI 库',
        link: 'https://vuetifyjs.com/zh-Hans/',
        img: vuetify,
    },
    {
        title: 'Element',
        desc: '一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库',
        link: 'https://element.eleme.cn/#/zh-CN',
        img: element,
    },
    {
        title: 'Antd Vue',
        desc: 'Ant Design 的 Vue 实现，开发和服务于企业级后台产品。',
        link: 'https://pro.antdv.com/',
        img: antdv,
    },
    {
        title: 'Antd Pro Vue',
        desc: '开箱即用的中台前端/设计解决方案',
        link: 'https://pro.ant.design/index-cn',
        img: antdv,
    },
    {
        title: 'Vant',
        desc: '轻量、可靠的移动端 Vue 组件库',
        link: 'https://youzan.github.io/vant/#/zh-CN/',
        img: vant,
    },
    {
        title: 'View UI',
        desc: '一套基于 Vue.js 的高质量 UI 组件库',
        link: 'http://v1.iviewui.com/',
        img: iview,
    },
    {
        title: 'mpvue',
        desc: '使用 Vue.js 开发小程序的前端框架',
        link: 'http://mpvue.com/',
        img: mpvue,
    },
    {
        title: 'MPX',
        desc: '致力于提高小程序开发体验和开发效率的增强型小程序框架',
        link: 'https://didi.github.io/mpx/',
        img: mpx,
    },
    {
        title: 'WePY',
        desc: '让小程序支持组件化开发的框架',
        link: 'https://wepyjs.github.io/wepy-docs/index.html',
        img: wepy,
    },
    {
        title: 'Omi',
        desc: '前端跨框架跨平台框架',
        link: 'https://github.com/Tencent/omi',
        img: omi,
    },
    {
        title: 'Chameleon',
        desc: '跨端统一解决方案',
        link: 'http://cml.didi.cn/',
        img: chameleon,
    },
    {
        title: 'kbone',
        desc: '致力于微信小程序和 Web 端同构的解决方案',
        link: 'https://wechat-miniprogram.github.io/kbone/docs/',
        img: kbone,
    },
    {
        title: 'Megalo',
        desc: '基于 Vue 的小程序框架',
        link: 'https://megalojs.org/#/',
        img: megalo,
    },
    {
        title: 'Muse UI',
        desc: '优雅的 Material Design UI 组件库',
        link: 'https://muse-ui.org/#/zh-CN',
        img: muse,
    },
    {
        title: 'Hey UI',
        desc: '一个基于 Vue 的高质量 UI 组件库',
        link: 'https://www.heyui.top/',
        img: hey,
    },
]

export const react = [
    {
        title: 'React',
        desc: '用于构建用户界面的 JavaScript 库',
        link: 'https://react.docschina.org/',
        img: reactIcon,
    },
    {
        title: 'React Native',
        desc: '使用JavaScript和React编写原生移动应用',
        link: 'https://reactnative.cn/',
        img: reactnative,
    },
    {
        title: 'React Router',
        desc: 'React Router 是导航组件的集合',
        link: 'https://reacttraining.com/react-router/web/guides/quick-start',
        img: reactRouter,
    },
    {
        title: 'Preact',
        desc: 'Fast 3kB alternative to React with the same modern API.',
        link: 'https://preactjs.com/',
        img: preact,
    },
    {
        title: 'JSX',
        desc: 'JSX 是一个 JavaScript 的语法扩展',
        link: 'https://react.docschina.org/docs/introducing-jsx.html',
        img: jsx,
    },
    {
        title: 'Ant Design',
        desc: '企业级产品设计体系，创造高效愉悦的工作体验',
        link: 'https://ant.design/index-cn',
        img: antd,
    },
    {
        title: 'Ant Design Pro',
        desc: '开箱即用的中台前端/设计解决方案',
        link: 'https://pro.ant.design/index-cn',
        img: antd,
    },
    {
        title: 'Ant Design Mobile',
        desc: '一个基于 Preact/React/React Native 的 UI 组件库',
        link: 'https://mobile.ant.design/index-cn',
        img: antdMobile,
    },
    {
        title: 'Taro',
        desc: '多端统一开发解决方案',
        link: 'https://taro.aotu.io/',
        img: taro,
    },
    {
        title: 'Omi',
        desc: '前端跨框架跨平台框架',
        link: 'https://github.com/Tencent/omi',
        img: omi,
    },
    {
        title: 'Rax',
        desc: '双引擎驱动的颠覆性小程序开发体系',
        link: 'https://rax.js.org/miniapp',
        img: rax,
    },
    {
        title: 'DvaJS',
        desc: '轻量级的应用框架',
        link: 'https://dvajs.com/guide/',
        img: dva,
    },
    {
        title: 'Remax',
        desc: '使用真正的 React 构建跨平台小程序',
        link: 'https://remaxjs.org/',
        img: remax,
    },
    {
        title: 'nanachi',
        desc: '基于 React 的多端小程序转译框架',
        link: 'http://ued.qunar.com/nanachi-doc/',
        img: nanachi,
    },
    {
        title: 'Element',
        desc: 'element ui 的 react 实现',
        link: 'https://elemefe.github.io/element-react/',
        img: element,
    },
    {
        title: 'Zan UI',
        desc: '有赞 PC 端 WebUI 规范的 React 实现',
        link: 'https://youzan.github.io/zent/zh/guides/install',
        img: vant,
    },
    {
        title: 'UmiJS',
        desc: '🍙 插件化的企业级前端应用框架。',
        link: 'https://umijs.org/zh-CN',
        img: umi,
    },
    {
        title: 'Nerv',
        desc: '基于 Virtual DOM 的类 React 组件框架',
        link: 'https://nerv.aotu.io/',
        img: nerv,
    },
]

export const wechat = [
    {
        title: '微信小程序',
        desc: '小程序提供了一个简单、高效的应用开发框架和丰富的组件及API，帮助开发者在微信中开发具有原生 APP 体验的服务。',
        link: 'https://developers.weixin.qq.com/miniprogram/dev/framework/',
        img: miniapp,
    },
    {
        title: '小游戏',
        desc: '小游戏是小程序的一个特殊类目',
        link: 'https://developers.weixin.qq.com/minigame/dev/guide/',
        img: minigame,
    },
    {
        title: '公众号',
        desc: '微信公众平台是运营者通过公众号为微信用户提供资讯和服务的平台',
        link: 'https://developers.weixin.qq.com/doc/offiaccount/Getting_Started/Overview.html',
        img: gzh,
    },
    {
        title: '智能对话',
        desc: '微信对话开放平台是以对话交互为核心, 为有客服需求的个人、企业和组织提供智能业务服务与用户管理能力的技能配置平台',
        link: 'https://developers.weixin.qq.com/doc/aispeech/platform/INTRODUCTION.html',
        img: aicommu,
    },
    {
        title: '开放平台',
        desc: '微信开放平台开发者所需所有相关资源的汇集地',
        link: 'https://developers.weixin.qq.com/doc/oplatform/Mobile_App/Resource_Center_Homepage.html',
        img: openhub,
    },
    {
        title: '企业微信',
        desc: '为企业接入更多个性化的办公应用',
        link: 'https://work.weixin.qq.com/api/doc',
        img: wx,
    },
    {
        title: '微信支付',
        desc: '微信支付',
        link: 'https://pay.weixin.qq.com/wiki/doc/api/index.html',
        img: wxpay,
    },
    {
        title: '腾讯小微',
        desc: '基于微信AI团队智能对话系统打造的智能语音助手解决方案',
        link: 'https://developers.weixin.qq.com/doc/xwei/xiaowei-introduction/Introduction.html',
        img: wx,
    },
    {
        title: 'Vant Weapp',
        desc: '轻量、可靠的小程序 UI 组件库',
        link: 'https://youzan.github.io/vant-weapp/#/intro',
        img: vant,
    },
    {
        title: 'mpvue',
        desc: '使用 Vue.js 开发小程序的前端框架',
        link: 'http://mpvue.com/',
        img: mpvue,
    },
    {
        title: 'Taro',
        desc: '多端统一开发解决方案',
        link: 'https://taro.aotu.io/',
        img: taro,
    },
    {
        title: 'MPX',
        desc: '致力于提高小程序开发体验和开发效率的增强型小程序框架',
        link: 'https://didi.github.io/mpx/',
        img: mpx,
    },
    {
        title: 'WePY',
        desc: '让小程序支持组件化开发的框架',
        link: 'https://wepyjs.github.io/wepy-docs/index.html',
        img: wepy,
    },
    {
        title: 'Omi',
        desc: '前端跨框架跨平台框架',
        link: 'https://github.com/Tencent/omi',
        img: omi,
    },
    {
        title: 'Chameleon',
        desc: '跨端统一解决方案',
        link: 'http://cml.didi.cn/',
        img: chameleon,
    },
    {
        title: 'kbone',
        desc: '致力于微信小程序和 Web 端同构的解决方案',
        link: 'https://wechat-miniprogram.github.io/kbone/docs/',
        img: kbone,
    },
    {
        title: 'Rax',
        desc: '双引擎驱动的颠覆性小程序开发体系',
        link: 'https://rax.js.org/miniapp',
        img: rax,
    },
    {
        title: 'Remax',
        desc: '使用真正的 React 构建跨平台小程序',
        link: 'https://remaxjs.org/',
        img: remax,
    },
    {
        title: '@wxa',
        desc: 'wxa | AOP小程序框架',
        link: 'https://wxajs.github.io/wxa/',
        img: wxa,
    },
    {
        title: 'Megalo',
        desc: '基于 Vue 的小程序框架',
        link: 'https://megalojs.org/#/',
        img: megalo,
    },
]

export const across = [
    {
        title: 'Electron',
        desc: '构建跨平台的桌面应用',
        link: 'https://www.electronjs.org/',
        img: electron,
    },
    {
        title: 'Taro',
        desc: '多端统一开发解决方案',
        link: 'https://taro.aotu.io/',
        img: taro,
    },
    {
        title: 'uniapp',
        desc: '使用 Vue.js 开发所有前端应用的框架',
        link: 'https://uniapp.dcloud.io/',
        img: uniapp,
    },
    {
        title: 'React Native',
        desc: '使用JavaScript和React编写原生移动应用',
        link: 'https://reactnative.cn/',
        img: reactnative,
    },
    {
        title: 'Weex',
        desc: '使用流行的 Web 开发体验来开发高性能原生应用的框架',
        link: 'https://weex.apache.org/zh/guide/introduction.html',
        img: weex,
    },
    {
        title: '快应用',
        desc: '',
        link: '',
        img: quickapp,
    },
    {
        title: 'Flutter',
        desc: '',
        link: 'https://flutterchina.club/',
        img: flutter,
    },
    {
        title: 'Omi',
        desc: '前端跨框架跨平台框架',
        link: 'https://github.com/Tencent/omi',
        img: omi,
    },
    {
        title: 'Chameleon',
        desc: '跨端统一解决方案',
        link: 'http://cml.didi.cn/',
        img: chameleon,
    },
    {
        title: 'kbone',
        desc: '致力于微信小程序和 Web 端同构的解决方案',
        link: 'https://wechat-miniprogram.github.io/kbone/docs/',
        img: kbone,
    },
    {
        title: 'Rax',
        desc: '双引擎驱动的颠覆性小程序开发体系',
        link: 'https://rax.js.org/miniapp',
        img: rax,
    },
]

export const compileBuild = [
    {
        title: 'webpack',
        desc: '打包所有的资源',
        link: 'https://www.webpackjs.com/',
        img: webpack,
    },
    {
        title: 'rollup',
        desc: 'Rollup 是一个 JavaScript 模块打包器',
        link: 'https://www.rollupjs.com/',
        img: rollup,
    },
    {
        title: 'gulp',
        desc: '用自动化构建工具增强你的工作流程！',
        link: 'https://www.gulpjs.com.cn/',
        img: gulp,
    },
    {
        title: 'Parcel',
        desc: '极速零配置Web应用打包工具',
        link: 'https://parceljs.org/',
        img: parcel,
    },
    {
        title: 'Babel',
        desc: 'JavaScript 编译器',
        link: 'https://www.babeljs.cn/',
        img: babel,
    },
    {
        title: 'grunt',
        desc: 'JavaScript 世界的构建工具',
        link: 'https://www.gruntjs.net/',
        img: grunt,
    },
    {
        title: 'TypeScript',
        desc: 'JavaScript 的超集',
        link: 'https://www.tslang.cn/',
        img: typescript,
    },
]
